//给大盒子对象绑定点击事件
$('.contianer_js').click(function (e) {
    //获取操作目标
    var tg = e.target
    //判断当前点击对象
    //删除
    if (tg.innerHTML == "删除") {
        //获取当前要删除的行，并删除
        $(tg).parent().parent().remove()
        total()
        total2()
        fn1()
    }
    //全删
    if (tg.innerHTML == "删除选中商品") {
        //获取内容中所有的tr
        var $trs = $('tr')
        //遍历出每个tr对象
        $trs.each((i, item) => {
            //获取当前商品的选中框
            var $inp = $(item).find('[name=xuan]')
            //判断当前选中框是否被选中
            if ($inp.prop('checked')) {
                //删除当前商品
                $(item).remove()
            }
        })
        total()
        total2()
        fn1()
    }
    //全选
    if (tg.name == 'quan') {
        //判断当前全选框是否被选中
        if ($(tg).prop('checked')) {
            $('[name="xuan"]').prop('checked', true)
        } else {
            $('[name="xuan"]').prop('checked', false)
        }
        total2()
    }
    //加法
    if (tg.innerHTML == "+") {
        //获取数量
        var num = $(tg).prev().html()
        num++
        //重新给该对象赋值
        $(tg).prev().html(num)
        //获取单价
        var price = $(tg).parent().prev().find('span').html()
        //计算小计
        var sum = (num * price).toFixed(2)
        //给小计赋值
        $(tg).parent().next().find('span').html(sum)
        total()
        total2()
    }

    //减法
    if (tg.innerHTML == "-") {
        //获取数量
        var num = $(tg).next().html()
        //判断当前数量是否小于等于1
        if (num <= 1) {
            num = 1
        } else {
            num--
        }
        //重新给该对象赋值
        $(tg).next().html(num)
        //获取单价
        var price = $(tg).parent().prev().find('span').html()
        //计算小计
        var sum = (num * price).toFixed(2)
        //给小计赋值
        $(tg).parent().next().find('span').html(sum)
        total()
        total2()
    }
    //选中框
    if (tg.name == "xuan") {
        fn1()
        total()
        total2()
    }
})

//选中框
function fn1() {
    var num = 0 //表示被选中的次数
    //获取选中框
    var xuans = $('[name="xuan"]')
    // console.log(xuans);
    //遍历选中框对象
    xuans.each((i, item) => {
        if (item.checked) {
            num++
        }
    })
    //判断当前选中框是否被选中
    if (num == xuans.length) {
        $('[name="quan"]').prop('checked', true)
    } else {
        $('[name="quan"]').prop('checked', false)
    }
}

//计算总计
function total() {
    var sum = 0
    //累积所有小计
    var trs=document.querySelectorAll('tr')
    //遍历每个商品对象
    for(var i=1;i<trs.length;i++){
        //获取当前商品小计
        var xiaoji=trs[i].children[4].lastElementChild.innerHTML
        //统计已选中的商品合计
        if(trs[i].children[0].children[0].checked){
            sum+=parseFloat(xiaoji)
        }
        // console.log(trs[i].children[0].children[0].checked)
    }
    //把计算结果赋值给总计
    var floor=document.querySelector('.box04_l')
    floor.lastElementChild.lastElementChild.innerHTML=sum.toFixed(2)
}

//已选商品数量和价格
function total2() {
    var m = 0 //数量
    //获取内容中所有的tr
    var trs=document.querySelectorAll('tr')
    //遍历每个商品对象
    for(var i=1;i<trs.length;i++){
        var num=parseFloat(trs[i].children[3].children[1].innerHTML)
        // console.log(num)
        if(trs[i].children[0].children[0].checked){
            m+=num
            // console.log(m)
        }
    }
    var floor=document.querySelector('.box04_l')
    floor.children[2].children[0].innerHTML=m
    // console.log(floor.children[2].children[0])
}
total()
total2()